<!doctype html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="css/mui.min.css" rel="stylesheet" />
		<link href="css/style.css" rel="stylesheet" />
	</head>
	<style>
		body {
			width: 100vw;
			height: 100vh;
			background: #c26bd6;
			background: url('images/wq_bj.png') no-repeat center center;
			background-size: cover;
    		background-attachment: fixed;
		}
	</style>

	<body>
		<header class="mui-bar mui-bar-nav">
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
			<h1 class="mui-title">聊哈热榜</h1>
		</header>
		<div class="wq_box">
			<div>
				<div class="wq_gz">规则</div>
				<div class="wq_rb">聊哈女生热榜</div>
				<div class="wq_ml">魅力女生，网友聊过还想聊</div>
				<ol class="wq_bd">
					<li>
						<img src="images/t1.png" alt="" class="wq_bd_ph" />
						<img src="images/tx1.jpg" alt="" class="wq_tx" />
						<span>浅笑</span>
						<div class="wq_bd_rig">884</div>
					</li>
					<li>
						<img src="images/t2.png" alt="" class="wq_bd_ph" />
						<img src="images/tx1.jpg" alt="" class="wq_tx" />
						<span>浅笑</span>
						<div class="wq_bd_rig">884</div>
					</li>
					<li>
						<img src="images/t3.png" alt="" class="wq_bd_ph" />
						<img src="images/tx1.jpg" alt="" class="wq_tx" />
						<span>浅笑</span>
						<div class="wq_bd_rig">884</div>
					</li>
					<li>
						<span class="wq_bd_ph">4</span>
						<img src="images/tx1.jpg" alt="" class="wq_tx" />
						<span>浅笑</span>
						<div class="wq_bd_rig">884</div>
					</li>
					<li>
						<span class="wq_bd_ph">5</span>
						<img src="images/tx1.jpg" alt="" class="wq_tx" />
						<span>浅笑</span>
						<div class="wq_bd_rig">884</div>
					</li>
					<li>
						<span class="wq_bd_ph">5</span>
						<img src="images/tx1.jpg" alt="" class="wq_tx" />
						<span>浅笑</span>
						<div class="wq_bd_rig">884</div>
					</li>
					<li>
						<span class="wq_bd_ph">5</span>
						<img src="images/tx1.jpg" alt="" class="wq_tx" />
						<span>浅笑</span>
						<div class="wq_bd_rig">884</div>
					</li>
					<li>
						<span class="wq_bd_ph">5</span>
						<img src="images/tx1.jpg" alt="" class="wq_tx" />
						<span>浅笑</span>
						<div class="wq_bd_rig">884</div>
					</li>
				</ol>
			</div>
			<div class="wq_fd_box">
				<ul class="mui-table-view" style="margin-top:8px;background:rgba(0,0,0,0);">
					<li class="mui-table-view-cell mui-media">
						<a href="javascript:;">
							<img class="mui-media-object mui-pull-left" src="images/tx1.jpg">
							<div class="mui-media-body">
								冯静
								<p class="mui-ellipsis">尚未开始视频，暂无排名</p >
							</div>
						</a>
					</li>
				</ul>
			</div>
		</div>

		<script src="js/mui.min.js"></script>
		<script type="text/javascript">
			mui.init()
		</script>
	</body>

</html>